<html>
    <head>
        <title>同时使用过渡和动画</title>
    </head>
    <body>
        <script>
            // 同时使用过渡和动画
                   /*
                        Vue 为了知道过渡的完成，必须设置相应的事件监听器。
                        它可以使 transitioned 或  animationend，这取决于给元素应用的CSS规则。（在CSS使用animation 还是 transition ））
                        如果你使用其中任何一种，Vue能自动是被类型并设置监听器。

                        但是，在一些场景中，你需要给同一个元素同时设置两种过渡效果(animation 和 transition),
                        比如 animation 很快的被触发并完成了，而 transition效果还没结束。
                        在这种情况下，你就需要使用 type attribute(标签属性)并设置 animation 或 transition 来明确你需要Vue监听的类型。
                    */        
        </script>
    </body>
</html>